<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片超链接</title>
    <style>
        img {
            width: 300px;

        }

        /* .aa {
            text-decoration: none;
            /*去掉超链接的下划线
        } */
    </style>
</head>

<body>
    <h1>张三的个人简介</h1>
    <p>大家好，我是一名前端开发者，目前就职于某公司。希望通过每天的学习掌握html基础。</p>
    <p>我的学习学习目标是：<strong>熟练掌握网页结构</strong>，并学会用语义化标签编写规范的代码。</p>
    <p>今天的课程重点包括：<em>标题、段落、图片和超链接。</em></p>
    <h2>我的照片</h2>
    <img src="./image/图2.png" title="我的照片" alt="这是一张我的照片"><!--使用title属性为图片正常显示时的描述信息，alt属性当图片非正常显示时的替代文字-->
    <!-- <img
        src="https://ts1.tc.mm.bing.net/th/id/OIP-C.VlXFIKY6lNA22y_VaQ0wRwHaLB?w=110&h=128&c=8&rs=1&qlt=90&o=6&cb=ircwebpc1&dpr=1.3&pid=3.1&rm=2"> -->
    <h2>学习资源</h2>
    <p>推荐学习网站：<a class="aa" href="https://www.itheima.com/" title="黑马程序员官网" target="_blank">黑马程序员官网</a>（新窗口打开）</p>
    <!--使用target="_blank"属性可以将超链接打开到新标签页-->
    <br>
    <p>&copy;2025 张三&nbsp;|&nbsp;联系邮箱：151461716@qq.com</p>

</body>

</html>